<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
        <title>Choreboard</title>

    </h:head>
    <h:body>
        <h1><h:outputText value="Household: #{userController.theModel.houseName}" /></h1>
        <div id="userMenu">
            <h:form>
                <h:commandButton value="Account Manager" action="accountManager.xhtml" /><br /><br />
                <h:commandButton value="Chore Manager" action="choreManager.xhtml" /><br/><br/>
                <h:commandButton value="Chores Due Today" action="dueToday.xhtml" /><br/><br/>
                <h:commandButton value="Score Board" action="ScoreBoard.xhtml" /><br/><br/>
                
            </h:form>
        </div>

        <div id="adminMenu">
            <h:form>

                <h:commandButton value="Household Manager" action="HouseholdManager.xhtml" /><br/><br/>






            </h:form>
        </div>

        <script>

           if (#{userController.theModel.isAdmin}) {
                //Do nothing
            } else {
                document.getElementById("adminMenu").style.visibility = "hidden";
            }
        </script> 
    </h:body>
</html>

